var showind = 0;
var gmove=false;
var startX;
var startY;
var endX;
var endY;
var _gx,_gy;
var windowWidth = window.innerWidth;
// var isHide = true;
var isHide = false;
var localListData;
var localJData = {
	localListData:[],
	// isHide:true
	isHide:false
};
var showImgSrc = 'https://images8.alphacoders.com/992/992329.jpg';
var role = 4;




const config = {
	colors: ['#9AC8E2','#DB7D74','#B8A6D9','#E799B0','#576690'],
}

const getString = function(data){
	if(Array.isArray(data)) return data.join('');
	return data;
}
//数据库操作与兼容浏览器，可忽略

//自定义打印样式
function myConsole(str){
	console.log(
		`%c JYeontu %c ${str} %c`,
		'background:deepskyblue ; padding: 2px; border-radius: 3px 0 0 3px;  color: #fff',
		'background:pink ; padding: 2px; border-radius: 0 3px 3px 0;  color: #fff',
		'background:transparent'
	);
};
/**
 * 打开数据库
 * @param {object} dbName 数据库的名字
 * @param {string} storeName 仓库名称
 * @param {string} version 数据库的版本
 * @return {object} 该函数会返回一个数据库实例
 */
 function openDB(dbName,storeName, version = 1) {
    return new Promise((resolve, reject) => {
      //  兼容浏览器
      var indexedDB =
        window.indexedDB ||
        window.mozIndexedDB ||
        window.webkitIndexedDB ||
        window.msIndexedDB;
      let db;
      // 打开数据库，若没有则会创建
      const request = indexedDB.open(dbName, version);
      // 数据库打开成功回调
      request.onsuccess = function (event) {
        db = event.target.result; // 数据库对象
        myConsole("数据库打开成功");
        resolve(db);
      };
      // 数据库打开失败的回调
      request.onerror = function (event) {
        myConsole("数据库打开报错");
      };
      // 数据库有更新时候的回调
      request.onupgradeneeded = function (event) {
        // 数据库创建或升级的时候会触发
        myConsole("onupgradeneeded");
        db = event.target.result; // 数据库对象
        var objectStore;
        // 创建存储库
        objectStore = db.createObjectStore(storeName, {
          keyPath: "id", // 这是主键
          // autoIncrement: true // 实现自增
        });
        // 创建索引，在后面查询数据的时候可以根据索引查
        objectStore.createIndex("link", "link", { unique: false }); 
        objectStore.createIndex("sequenceId", "sequenceId", { unique: false });
        objectStore.createIndex("messageType", "messageType", {
          unique: false,
        });
      };
    });
  }
  /**
 * 新增数据
 * @param {object} db 数据库实例
 * @param {string} storeName 仓库名称
 * @param {string} data 数据
 */
function addData(db, storeName, data) {
    var request = db
      .transaction([storeName], "readwrite") // 事务对象 指定表格名称和操作模式（"只读"或"读写"）
      .objectStore(storeName) // 仓库对象
      .add(data);
  
    request.onsuccess = function (event) {
		myConsole("数据写入成功");
    };
  
    request.onerror = function (event) {
		myConsole("数据写入失败");
    };
  }
  /**
 * 通过主键读取数据
 * @param {object} db 数据库实例
 * @param {string} storeName 仓库名称
 * @param {string} key 主键值
 */
function getDataByKey(db, storeName, key) {
    return new Promise((resolve, reject) => {
      var transaction = db.transaction([storeName]); // 事务
      var objectStore = transaction.objectStore(storeName); // 仓库对象
      var request = objectStore.get(key); // 通过主键获取数据
  
      request.onerror = function (event) {
        myConsole("事务失败");
      };
  
      request.onsuccess = function (event) {
        // console.log("主键查询结果: ", request.result);
        resolve(request.result);
      };
    });
  }
/**
 * 更新数据
 * @param {object} db 数据库实例
 * @param {string} storeName 仓库名称
 * @param {object} data 数据
 */
 function updateDB(db, storeName, data) {
    var request = db
      .transaction([storeName], "readwrite") // 事务对象
      .objectStore(storeName) // 仓库对象
      .put(data);
  
    request.onsuccess = function () {
    //   console.log("数据更新成功");
    };
  
    request.onerror = function () {
    //   console.log("数据更新失败");
    };
}

var db;
var dbName = "bgImgDb",tableName = "bgImgList";
let dbOpen = openDB(dbName,tableName);

function dbGet(key = 'localList'){
	getDataByKey(db, tableName, key).then(res => {
		if(res == undefined){
			dbAdd([]);
			localListData = [];
		}else{
			localListData = res.data;
			changebg(1);
			changebg(3);
		}
	}).catch(err => {
		console.log("err",err);
	})
};
function dbUpdate(data,img = ''){
	updateDB(db, tableName, {
		id:'localList',
		data:data
	});
	localListData = data;
};
function dbAdd(data){
	addData(db, tableName, {
		id:'localList',
		data:data
	});
};
dbOpen.then(res => {
	db = res;
	dbGet();
}).catch(err => {
	console.log('err',err);
})
//-----------------数据库操作结束-------------------------------
//发送请求
function initDb(){
	chrome.runtime.sendMessage({greeting: "hello"}, function(response) {
		console.log(response.farewell);
	});
};
//发送请求
function sendToBackground(action){
	chrome.runtime.sendMessage({action: action}, function(response) {
		// console.log(response);
	});
};
// initDb();
//接受页面请求
chrome.runtime.onMessage.addListener(
    function (request, sender, sendResponse) {
		const action = request.action;
		switch(action){
			case 'change':
				changebg(0);
				sendResponse({state:'切换成功！'});
				break;
			case 'changeimg':
				changebg(1);
				sendResponse({state:'切换成功！'});
				break;
			case 'cancelchange':
				changebg(3);
				sendResponse({state:'删除背景！'});
				break;
			case 'changepetA':
				changepetA(0,0,imglist_diana.length-1,"pet");
				role = 1;
				cheatrole();
				break;
			case 'changepetB':
				changepetB(0,0,imglist_diana.length-1,"pet");
				role = 2;
				cheatrole();
				break;
			case 'changepetC':
				changepetC(0,0,imglist_diana.length-1,"pet");
				role = 3;
				cheatrole();
				break;
			case 'changepetD':
				changepetD(0,0,imglist_diana.length-1,"pet");
				role = 4;
				cheatrole();
				break;
			case 'changepetE':
				changepetE(0,0,imglist_diana.length-1,"pet");
				role = 5;
				cheatrole();
				break;
			case 'tixing':
				document.getElementById("cheat").innerHTML = '已经看的够久了，休息一下吧~';
				alert("提醒时间到");
				break;
			case 'sendData':
				let rData = JSON.parse(request.data) || [];
				if(rData.length > 0 || request.doDelete){
					localListData = rData;
					dbUpdate(localListData);
				}
				const gdiv = document.getElementById('changdiv'),
					tImg = gdiv.style.backgroundImage.slice(5,-2);
				const flag = localListData.some(item => {
					return item == tImg;
				});
				if(localListData.length < 2 || !flag) //changebg(1);
				sendResponse({state:JSON.stringify(localListData)});
				break;
			case 'showImg':
				showImg(request.data);
				sendResponse({state:false});
				break;
			case 'setShowImg':
				changebg('',request.data);
				break;
			default:
				break;
		}
    }
);
//生成随机数，随机切换图片
function randomNum(min,max){ 
    switch(arguments.length){ 
        case 1: 
            return Math.floor(Math.random()*minNum+1); 
        break; 
        case 2: 
            return Math.floor(Math.random()*(max-min+1)+min); 
        break; 
            default: 
                return 0; 
            break; 
    } 
} 
//顺序切换图片
function byorder(max){ 
     showind = (showind + 1) % max;
	 return showind;
} 
//切换背景
function changebg(ind,imgSrc = ''){
	const bgimg = getImgList(),
		colors = config.colors,
		gdiv = document.getElementById('changdiv'),
		gbody = document.getElementsByTagName('body')[0],
		cheat = document.getElementById('cheat');
	// if(bgimg.length == 0) ind = 3;
	gbody.style.opacity = '0.8';
	isHide = false;
	cheat.style.display = 'block';
	petbox.style.display = 'block';
	if(imgSrc !== ''){
		gdiv.style.backgroundImage ="url("+imgSrc+")";
		gdiv.style.backgroundRepeat = "no-repeat";
		gdiv.style.backgroundSize = "cover";
	}else if(ind == 1){//随机切换图片
		let num = randomNum(0,bgimg.length-1);
		let src = bgimg[num];
		gdiv.style.backgroundImage ="url("+src+")";
		gdiv.style.backgroundRepeat = "no-repeat";
		gdiv.style.backgroundSize = "cover";
		console.log("显示");
	}else if(ind == 0){//随机切换背景颜色
		gdiv.style.backgroundImage = "";
		let num = randomNum(0,colors.length-1);
		gdiv.style.backgroundColor = colors[num];
	}else if(ind == 3){//删除背景颜色和背景图片
		gbody.style.opacity = '1';
		gdiv.style.backgroundImage = "";
		gdiv.style.backgroundColor = "";
		cheat.style.display = 'none';
		petbox.style.display = 'none';
		isHide = true;
		console.log("隐藏");
	}else if(ind == 4){//顺序切换背景图片
		let num = byorder(bgimg.length);
		let src = bgimg[num];
		gdiv.style.backgroundImage ="url("+src+")";
		gdiv.style.backgroundRepeat = "no-repeat";
		gdiv.style.backgroundSize = "cover";
	}
};
//生成一个div作为图片容器
function generateImgContent(){
	let gbody = document.getElementsByTagName('body')[0];
	gbody.style.opacity = '0.8';
	let ghtml = document.getElementsByTagName('html')[0],
				gdiv = document.createElement('div');
	gdiv.id = 'changdiv';
	const config = {
		position: 'fixed',
		width: '100%',
		height: '100%',
		top: '0px',
		left: '0px',
		opacity: '0.5',
		zIndex: '-1',
	};
	ghtml.appendChild(tagConfingSet(gdiv,config));
};



//chat 界面



function generateBtn(){
	let ghtml = document.getElementsByTagName('html')[0],
		cheat = document.createElement('div');
	cheat.id = 'cheat';
	const config = {
		//lineheight:'1',
		opacity: '1',
		position: 'fixed',
		right: '250px',
		top: '60%',
		border: 'solid black 1px',
		width: '220px',
		height: '80px',
		lineHeight: '17px',
		textAlign: 'left',
		backgroundImage: "linear-gradient(#C0C0C0, #FFC0CB)",
		fontSize: "15px",
		borderRadius:"10px",
		cursor: "pointer",
	};
	cheat.innerText = "hello hello 听得到吗？";
	ghtml.appendChild(tagConfingSet(cheat,config));
	
	$("#cheat").hover(function(){
		let w = parseInt($("#cheat").css("left"));
		if(w == windowWidth-20){
			$("#cheat").css({"left":windowWidth-80});
		}
	},function(){
		let w = parseInt($("#cheat").css("left"));
		if(w >= windowWidth-80){
			$("#cheat").css({"left":windowWidth-20});
		}

	});

	$("#petbox").hover(function(){
		let w = parseInt($("#petbox").css("left"));
		if(w == windowWidth-20){
			$("#petbox").css({"left":windowWidth-80});
		}
	},function(){
		let w = parseInt($("#petbox").css("left"));
		if(w >= windowWidth-80){
			$("#petbox").css({"left":windowWidth-20});
		}

	});

	
	
	//按钮拖拽功能
	$("#cheat").mousedown(function(e){
		gmove=true;
		startX = e.pageX
		startY = e.pageY
		_gx=e.pageX-parseInt($("#cheat").css("left"));
		_gy=e.pageY-parseInt($("#cheat").css("top"));
	});
	$(document).mousemove(function(e){
		if(gmove){
			var x=e.pageX-_gx;//控件左上角到屏幕左上角的相对位置
			var y=e.pageY-_gy;
			$("#cheat").css({"top":y,"left":x});
		}
	}).mouseup(function(e){
		endX = e.pageX;
		endY = e.pageY;
		let d = Math.sqrt((startX - endX) * (startX - endX) + (startY - endY) * (startY - endY));
		if (d === 0 || d < 7) {
			cheatrole();
//点击功能集合			
		} else {
			if(windowWidth - endX < 60){
				$("#cheat").css({"left":windowWidth-20});
			}
		}
		gmove=false;
	});
};
//设置style
function tagConfingSet(el,config){
	for(let key in config){
		el.style[key] = config[key];
	}
	return el;
};
cheatA = new Array;
cheatB = new Array;
cheatC = new Array;
cheatD = new Array;
cheatE = new Array;
cheatA = ['我是向晚', '顶碗人！我最近发现我的记忆力变好了！！昨晚听的歌早上醒来旋律还在脑子里啊！！我感觉世界充满希望！！ ','不烦不烦！！快乐不难！！！','春眠不觉晓，处处闻啼鸟” 所以说！我们其实要好好睡觉！才能好好起床是吧！！',
'早安顶碗人！！有时候早上会被太阳光刺醒，但是我绝对不可以关窗帘！因为没有安全感！！ ','祝顶碗人快乐！不管生不生日都快乐！！！','接下来还有更多的挑战！！！我们一起加油耶！！！ ',
'等一个自然而然的休息日！就去放风筝！！ ','顶碗人们！！我刚才又没忍住吃了一口小蛋糕','乐乐和然比怎么总是能变出这么多小玩意儿给我吃啊，这就是甜妹偶像吗！！','顶碗人们也不要害羞！！冷了就要添衣服哦！！',
'原来我已经找到鹿了！“My Dear 顶碗人”！！！晚安！！ ','呜呜呜呜！！我的吉他总是受潮！！我火速买了很多干燥剂！！','上次买的湿度计，刚拆快递的时候就被我摔坏了哈哈哈哈！你们有没有过这种失误',
'顶碗人们！！我决定了！！我要努力练习投篮！！！不给你们丢面子！！！','好想和大家一起去放风筝啊！！！天气好好啊！！拉姐说她很会放风筝！！可是她最会放我鸽子了！！！！','顶碗人！！天气热了要多喝水！！我今天狂喝了好几大杯！！然比说担心我会喝到水中毒',
'今天收到好多安利！！！谢谢！！！能和顶碗人一起聊喜欢听的歌真的太开心了！！！','今天起床又听了好几遍《The Scientist》！！真好听！！可惜我的“晚羊羊嗓音”唱不好,真的被治愈啦！！我要是也能写出这样的歌就好了',
'运动完记得要拉伸哦顶碗人们！！！今晚我必不会用筋膜枪！！！哈哈！！我用！泡沫轴！！','春天开始啦！！可以摘掉围巾啦！！！顶碗人们开心起来吧！！我已经出去奔跑过了！！我们晚上见！！！ ',
'大家早睡哦！！晚安！！答应我！！早睡！！睡吧！！啊！！','感觉自己最近有点用眼过度！！什么时候热起来啊！！想去枝江边骑车吹风！！','顶碗人！！就是小百科啊！！',
'咖啡喝多了！！！我！我心跳加速了！！！！',
];
cheatB = ['我是贝拉', '贝极星们！我要宣布一件大事！那就是：我要睡回笼觉了！！！','我又买了一盆花花养~希望它能活过一个星期','诶！所以吊车里面原来是有电梯的？！！！','到了每天出门要做硬防晒的季节了呢！',
'震惊！！！贝拉竟然是____','早上起床第一句，你猜我要说啥子！嘿嘿！贝极星情人节快乐~','乃琳刚刚跳结束舞的时候眼睛里充满了迷茫哈哈哈哈哈哈哈哈哈  还好我是男位，能直接用动作提示她',
'我麻麻说剑南（？芥兰？剑兰？）菜（反正是一种野菜）过季了，今年没能吃上嘤嘤嘤','芜湖！看完日出下山了！！！','晚晚@向晚大魔王 私底下对我口出狂言嘤嘤嘤，你们还管不管啦！！！',
'啊~这风~啊~这光~啊~~~','哈！哈！哈！哈！哈！只要目标立得好！耻辱下播就离我远远的！哈！','所以啥时候去放风筝？@向晚大魔王  拉个时间表叭！ ','为啥水没有颜色咧？没有颜色又是什么颜色咧？',
'听说某只狐狸@乃琳Queen 刚把冬毛褪了才发现冬天还没有过去哈哈哈哈哈哈哈哈！','晚安晚安晚安晚安贝极星～～～～而且我“哧溜”一下子就从树上下来了～','阳光，沙滩，海浪，仙人掌，还有一个衣服穿少了冻得发抖的小贝拉～',
'为什么车前雨刮器总有一块刮不到咧？就是副驾前面那块','要想了解A-SOUL，请认准《枝江百科》','天呐贝极星！我好像很厉害！刚刚就在脑子里想：别下雨了！搞得哪里都湿漉漉的，烦人！结果雨就停了！！！还开太阳了！！！难道我就是.....？',
'终于跟然然约上时间排双人舞了！！！','之前从房顶上御剑飞下来的时候抓拍的！头发全部飞起来了！芜湖芜湖！！！贝极星~情人节快乐~~~','BK0717星系上的贝极星们~一起出星散散步，呼吸一下新鲜空气吖~',
'按摩的时候能明显感觉到被拨来拨去的“筋”是啥东西吖？和“伤筋动骨”的“筋”同是一个概念咩？','早点睡觉！贝极星！','捡数据线把自己绊倒了嘤','为什么会有口胡这种东西！！！我录音就卡在这一句录不下去了啦！！！啊！！！ ',
'可恶！今天贝拉没打出来的喷嚏x3我要闹了！！！','不怕哈！！！贝极星就由我来保护！！！','在吃中饭的时候盯着饭里的鸡肉突然开始想：为什么鸡腿肉比牛肉好嚼咧？','为什么我每天都有好多问题咧？为什么我每天都在问为什么咧？',
'来嘛！一起闹一起闹！！！你先闹！你先你先！','春天要来了！所以我想起贝极星，心里才会暖洋洋的对叭？ ','可恶的生物钟','星宝星宝，快乐少不了~','芜湖~我要带着贝极星第一个冲上山顶！！！',
'今天天气真好~~~','翻了下笔记本，发现债都还的差不多了，happy~','鼻炎真讨厌！感觉鼻子要被我拧掉一层皮','继上次把扇子劈断之后又买了把新的,新扇子的手感好好,跳舞更快乐了呢',
'想吃烤肉……不知道为什么就突然好想吃……','哎吖～～～被花坛边的小猫猫拦住走不了了～～～ ','本周会去珈乐的小狼水吧做客，有什么想暗戳戳想让乐做的事吖？','可恶！！！又耻 辱 下 播了！！！我游戏剧情还没跑完呢！！！',
'@乃琳Queen 那个人好奇怪哦！大晚上的穿这么少站阳台上，不冷咩？ ',
];
cheatC = ['我是珈乐', '“想起几首歌   下周唱！”','“下午好 ” ','“我希望你快乐”','“妻子在熬粥，骑士也是”','“春困来咯” ','“此刻的舞室客厅坐着等王小宝课程结束就去吃饭的王大宝，请问王小宝和王大宝分别对应我团的哪两位成员” ',
'“别说我不吃碳水乐，最近觅食时发现了好吃的青团和桂花糕（还有可颂 蛋挞 盘挞 绿豆糕），我永远喜欢食物最自然的香味。还有呀，最近抹茶冰淇淋什么的吃的也是很快乐，可能是忌嘴太久了去年起都没怎么吃，今年势必要在四月吃到春天味道的甜食，还有呀，你是人间四月天，小象电量四月风，其他没什么可说了呵呵',
'“抱宝@黄嘉琪，？？？？？？？？？你是不是把我拉黑了为什么不蓝” ','“带荣华出来放风，阳光真好@黄嘉琪@王荣华” ','“亲亲@黄嘉琪”','“抱抱@黄嘉琪” ','“我运动服的腰带那长短不齐是设计！！不是没系”',
'“枝江小助手提醒您多喝热水” ','“有人揪小狼耳朵下播  这下晚乐”','“练舞  记得晚上接我回家” ','“略略略～” ','“今天我就要住在舞蹈室直到开播  妈妈宝们记得来接我回珈” ',
'“给狼妈买了三个口味的汤圆  她说最喜欢最经典的还是黑芝麻馅儿 "','“我好有面子” ','“在听《你在听什么》，晚上见” ','“在听《你回头看》：又起风啦  你看；记得外套  你呀” ',
'“在听《偶然》：我是天空的一片云，偶尔投影在你的波心” ','“ 饺饺紫！” ','“狼妈在看吗  mua你一口” ','“今天学到了一个成语：君子三乐 / 今天有让你三件开心的事吗” ',
'“紫色的小狼堡白云飘,狼堡屋里小肥狼跑” ','“周末去了书店  狩猎了  新书叫《草木有趣》，讲的是二十四节气和生活，最近晚上便认认真真拿笔划着写着。虽然冬天的晴天不算多不过认真看书的大哥觉得晒到了太阳，今天也是一只暖洋洋的小狼。” ',
'“乐乐仅仅是你的任务罢了！[珈乐Carol_不懂二次元]@贝拉kira ”'
];
cheatD = ['我是嘉然', '夜晚舞室的灯光可以把脸打的很好看耶：很适合自拍 ','我被猫猫咬了！！！！！！！！！！！！！！我被猫猫咬了！！！！！！！我！！！！！',
'乃琳的手！好厉害！六个娃娃！！！！！！她是怎么抓起来的！！！！！！！！！','不许熬夜不许熬夜不许骗我不许骗我','最近超级沉迷榛果巧克力~ ','大家有吃到开心的东西吗！！',
'今天遇到了开心的事情 ','一个魂儿晚安~今晚的月色也很美~','嘉心糖们下次一定要抽出SSR！！！ ','天气真好~嘉心糖们来一起睡午觉吧~ ','天气好好耶~和然比一起出门散步吧~',
'请大声告诉然比！！！今天吃饭前有没有在心里大喊“关注嘉然顿顿解馋” ','可恶发声位置真的好难找！！！！','今天不练舞的话帮我看看穿哪条裙子好~','那个很难的关卡有人通过了吗！！！没有也不许熬夜打游戏！！',
'今天还有最后一节课就可以回家歇着啦~嘉心糖速来夸夸！','然比说只夹草的三明治很难吃但是加肉就行',	'然宝们晚安~然然才不会在梦里藏你的游戏机~','乐乐给然比带的鹅肝手握！',
'久违的吃到了像家里做的蟹炒年糕,好幸福~','就不发动态就不发动态就不发动态','biu~给现在正在看动态的你分享好运','然比现在躺在床上发呆在想,想点儿什么好呢~ ','穿什么衣服拍照好呢~ ',
'嘉心糖们今天吃了什么呀~ ','今天超级超级开心~','“数羊数鸡数星星，一二三四五六七”','小巷子里有家豆浆粥好好喝！！！都不许饿着肚子！！ ','我先去洗澡啦',
'每天起床很纠结的是今天穿什么衣服~','番茄炒蛋搭哪条袜子比较可爱~','我的粉色大蝴蝶结搭还是两个粉色边夹搭~','今天的腮红用蜜桃色还是樱花粉还是奶茶色~','今晚和大家在哪里见面好呢~ '
];
cheatE = ['我是乃琳', '今天的早餐是豆浆和茶叶蛋！早起和吃早餐真的让人精神起来~奶淇琳早餐吃了什么呀','耶！！今天晒了被子！躺下之后感觉自己被阳光抱住了','王嘉然在和舞室楼下的猫猫贴贴诶两个毛茸茸的圆脑袋贴在一起也太可爱了！！！',
'今天阳光好好！！好适合晒晒被子发发呆~~狐狸要经常晒太阳皮毛才会越来越好','大家一起努力呀～一起变强大！！','中午吃到了好吃的流心三明治！还碰到了耳朵duangduang的大狗狗！！超级可爱！！！！,们中午吃了什么呀~ ',
'我可喜欢这个红色的衣服啦！！袖子长长飘飘的嘿嘿嘿～','奶淇琳宝们记得出门带个外套嗷~~','用温暖微弱的光，照亮了彼此的心🌌晚安～','刚刚整理手机和随记本，整理出来好多....奇妙的东西哈哈哈哈哈哈找个时间分享给你们~~',
'刚刚跟妈妈打电话，她正在做手擀面,啊啊啊啊啊啊啊啊手机不是闻不到味道吗！！我怎么好像闻到了！！！！','一会儿去参加晚晚的派↗对↘~派↗对↘~芜！','芜湖！！气温回暖啦,然后晚晚就飞奔进了我的卧室摇着我手臂喊“我风筝到啦放风筝去吧放风筝嘛放风,筝啦我们去嘛风筝诶风筝诶风筝诶去嘛去嘛去嘛去嘛！！！！！”',
'说好了梦里见喔～不准熬夜   (♯｀∧´)  晚安   ( ´▽｀)','奶淇琳宝！晚安呀！','给自己买了一套录音设备想尝试录录歌什么的.........','自访万峰幽壑后，更怜昔日海南身','每个人都是特殊又闪光的～夸夸每个一个魂儿！！',
'奶淇琳宝们早上好~今天好暖和....','困困要回笼觉了','忙碌了一天的奶淇琳宝们辛苦啦~夸夸你！我也准备睡啦！晚安哦宝贝们~','今天整理了一下，诶嘿，好像囤了好几个双人舞','嘿！早上好~清早来夸夸奶淇琳宝们！今天我的早饭是奶黄包~你们呢？',
'奶淇琳宝们早上好！！今天路过花坛的时候看到了一只和蜗牛壳对峙的大金毛哈哈哈哈哈哈','所以有没有“爵爵子”的歌推荐了呀～','宝贝们元宵节快乐！！！我吃了汤圆！你们呢~','今天也是一朵小小烟花喔～ ',
'朋友们！！还记得我说过年期间我没吃到的椰子鸡嘛！我吃到啦！耶！！','奶淇琳们早上好……中午好……以及，午安——乃琳困困困困','奶淇琳们，我在阳台吹着风看着星星和万家灯火，你在干嘛呀',
'对了！别忘记你们接受我的邀请啦！tag是：乃琳夸夸群,别忘啦别忘啦别忘啦！','你们就是我的小幸运呀❤️所以约定好了嗷！ 不准反悔啊！','每当学到很难的舞蹈动作时，脑子里都会循环播放自己的“不能摆烂哟”,奶淇琳在嘛！我也需要你们的鼓励音声',
'今天中午要吃炒饭！今天不知道为什么好想吃炒饭！我要去吃炒饭！！','提问，晚比是怎么做到不管几点睡觉都活力起床的 ','我是真的好喜欢拍照和拍视频……今天整理手机又发现一张～ ',
'晚晚邀请我今晚一起去花↗️海↘️玩【乃琳wink表情包×1】花↗️海↘️～花↗️海↘️～芜','“然然和拉姐一点儿也不幼稚” ','感谢你们在今天这个日子，和我一起在心里，放了一朵小小的烟花喔❤️',
];

function cheatrole() {
	if (role == 1){
		document.getElementById("cheat").innerHTML = cheatA[Math.round(Math.random() * ((cheatA.length - 1) - 0) + 0)];
		}
	else if (role == 2){
		document.getElementById("cheat").innerHTML = cheatB[Math.round(Math.random() * ((cheatB.length - 1) - 0) + 0)];
		}	
		else if (role == 3){
			document.getElementById("cheat").innerHTML = cheatC[Math.round(Math.random() * ((cheatC.length - 1) - 0) + 0)];
			}
			else if (role == 4){
				document.getElementById("cheat").innerHTML = cheatD[Math.round(Math.random() * ((cheatD.length - 1) - 0) + 0)];
				}
				else if (role == 5){
					document.getElementById("cheat").innerHTML = cheatE[Math.round(Math.random() * ((cheatE.length - 1) - 0) + 0)];
					}		
}


//生成pet
let imglist_ava= [
	"https://s1.ax1x.com/2022/05/01/OCiFWd.png","https://s1.ax1x.com/2022/05/01/O9vEfx.png","https://s1.ax1x.com/2022/05/01/OCiiJH.png"];
let imglist_bella= [
	"https://s1.ax1x.com/2022/05/01/OCixpj.png","https://s1.ax1x.com/2022/05/01/O9vm6O.png","https://s1.ax1x.com/2022/05/01/OCiz1s.png"];
let imglist_carol= [
	"https://s1.ax1x.com/2022/05/01/OCFZ9J.png","https://s1.ax1x.com/2022/05/01/O9ve1K.png","https://s1.ax1x.com/2022/05/01/OCFmcR.png"];
let imglist_diana= [
	"https://s1.ax1x.com/2022/05/01/OCP6Ig.png	","https://s1.ax1x.com/2022/05/01/O9vAt1.png","https://s1.ax1x.com/2022/05/01/OCPNPH.png"];
let imglist_eileen= [
	"https://s1.ax1x.com/2022/05/01/OCifte.png","https://s1.ax1x.com/2022/05/01/O9vZp6.png","https://s1.ax1x.com/2022/05/01/OCiWkD.png"];

// 初始化
let body = document.getElementsByTagName('body')[0];
let petbox = document.createElement('div');

petbox.id = 'petbox';
petbox.style.position = 'fixed';
petbox.style.width = '250px';
petbox.style.height = '240px';
petbox.style.right = '40px';
petbox.style.top = '50%';
petbox.style.opacity = '0.8';
petbox.style.zIndex = 1001;
body.appendChild(petbox);
var html="";

//创建节点
function changepetA(i,min,max,file){
	html ='<img id = "mypet" style="width:250px !important;heigth:240px !important;" src="' + imglist_ava[i] + '"/>';
	document.getElementById("petbox").innerHTML=html;
	// console.log(html);
	if(i < max){
		i++;
	}else{
		i = min;
	}
	cheatrole();
	// setTimeout(function(){
	// 	changepetA(i,min,max,file)
	// },200);
}
function changepetB(i,min,max,file){
	html ='<img id = "mypet" style="width:250px !important;heigth:240px !important;" src="' + imglist_bella[i] + '"/>';
	document.getElementById("petbox").innerHTML=html;
	// console.log(html);
	if(i < max){
		i++;
	}else{
		i = min;
	}
	cheatrole();
	// setTimeout(function(){
	// 	changepetA(i,min,max,file)
	// },200);
}
function changepetC(i,min,max,file){
	html ='<img id = "mypet" style="width:250px !important;heigth:240px !important;" src="' + imglist_carol[i] + '"/>';
	document.getElementById("petbox").innerHTML=html;
	// console.log(html);
	if(i < max){
		i++;
	}else{
		i = min;
	}
	cheatrole();
	// setTimeout(function(){
	// 	changepetA(i,min,max,file)
	// },200);
}
function changepetD(i,min,max,file){
	html ='<img id = "mypet" style="width:250px !important;heigth:240px !important;" src="' + imglist_diana[i] + '"/>';
	document.getElementById("petbox").innerHTML=html;
	// console.log(html);
	if(i < max){
		i++;
	}else{
		i = min;
	}

	// setTimeout(function(){
	// 	changepetD(i,min,max,file)
	// },200);
}

function changepetE(i,min,max,file){
	html ='<img id = "mypet" style="width:250px !important;heigth:240px !important;" src="' + imglist_eileen[i] + '"/>';
	document.getElementById("petbox").innerHTML=html;
	// console.log(html);
	if(i < max){
		i++;
	}else{
		i = min;
	}
	cheatrole();
	// setTimeout(function(){
	// 	changepetA(i,min,max,file)
	// },200);
}
var closeid = 0
function cloth() {
	cheatrole();
	// var closeid = 0
	closeid=closeid + 1;
	if (closeid == 3)
	closeid = 0;

	if (role == 1){
		html ='<img id = "mypet" style="width:250px !important;heigth:240px !important;" src="' + imglist_ava[closeid] + '"/>';
		document.getElementById("petbox").innerHTML=html;
		document.getElementById("cheat").innerHTML = cheatA[Math.round(Math.random() * ((cheatA.length - 1) - 0) + 0)];
		}
	else if (role == 2){
		html ='<img id = "mypet" style="width:250px !important;heigth:240px !important;" src="' + imglist_bella[closeid] + '"/>';
		document.getElementById("petbox").innerHTML=html;
		document.getElementById("cheat").innerHTML = cheatB[Math.round(Math.random() * ((cheatB.length - 1) - 0) + 0)];
		}	
		else if (role == 3){
			html ='<img id = "mypet" style="width:250px !important;heigth:240px !important;" src="' + imglist_carol[closeid] + '"/>';
			document.getElementById("petbox").innerHTML=html;
			document.getElementById("cheat").innerHTML = cheatC[Math.round(Math.random() * ((cheatC.length - 1) - 0) + 0)];
			}
			else if (role == 4){
				html ='<img id = "mypet" style="width:250px !important;heigth:240px !important;" src="' + imglist_diana[closeid] + '"/>';
				document.getElementById("petbox").innerHTML=html;
				document.getElementById("cheat").innerHTML = cheatD[Math.round(Math.random() * ((cheatD.length - 1) - 0) + 0)];
				}
				else if (role == 5){
					html ='<img id = "mypet" style="width:250px !important;heigth:240px !important;" src="' + imglist_eileen[closeid] + '"/>';
					document.getElementById("petbox").innerHTML=html;
					document.getElementById("cheat").innerHTML = cheatE[Math.round(Math.random() * ((cheatE.length - 1) - 0) + 0)];
					}							

				}


changepetD(0,0,imglist_diana.length-1,"pet");




var gmove_pet=false;
var startX_pet
var startY_pet
var endX_pet
var endY_pet
var _gx_pet,_gy_pet;

//按钮拖拽功能
$("#petbox").mousedown(function(e){
	gmove_pet=true;
	startX_pet = e.pageX
	startY_pet = e.pageY
	console.log("move",gmove_pet);
	_gx_pet=e.pageX-parseInt($("#petbox").css("left"));
	_gy_pet=e.pageY-parseInt($("#petbox").css("top"));
});
$(document).mousemove(function(e){
	if(gmove_pet){
		var x=e.pageX-_gx_pet;//控件左上角到屏幕左上角的相对位置
		var y=e.pageY-_gy_pet;
		$("#petbox").css({"top":y,"left":x});
		console.log("移动");
	}
}).mouseup(function(e){
	endX_pet = e.pageX;
	endY_pet = e.pageY;
	let d = Math.sqrt((startX_pet - endX_pet) * (startX_pet - endX_pet) + (startY_pet - endY_pet) * (startY_pet - endY_pet));
	console.log("d:",d);
	if (d === 0 || d < 7) {
		console.log("执行了点击事件");
		 cloth();
	} else {
		if(windowWidth - endX_pet < 60){
			$("#petbox").css({"left":windowWidth-20});
	}
}
	gmove_pet=false;
});







//页面初始化
function init(){
	generateImgContent();
	generateBtn();
}

//快捷操作

function keyDown(){
	//ctrlKey（metaKey）、altKey、shiftKey
	$(document).keydown(function(event){
		//alt + 0 隐藏显示
		if(event.altKey && (event.keyCode==48||event.keyCode==96)){
			if(isHide){
				changebg(1);
				console.log("显示");
			}else{
				changebg(3);
				console.log("隐藏");
			}
		}
		//alt + 6 切换图片
		else if(event.altKey && (event.keyCode==54||event.keyCode==102)){
			if(!isHide){
				changebg(4);
			}
		}
		//alt + 7 切换主题色
		else if(event.altKey && (event.keyCode==55||event.keyCode==103)){
			if(!isHide){
				changebg(0);
			}
		}
		//alt + 1 召唤向晚
		else if(event.altKey && (event.keyCode==49||event.keyCode==97)){
			if(!isHide){
				changepetA(0,0,imglist_diana.length-1,"pet");
				role = 1;
			}
		}
		//alt + 2 召唤贝拉
		else if(event.altKey && (event.keyCode==50||event.keyCode==98)){
			if(!isHide){
				changepetB(0,0,imglist_diana.length-1,"pet");
				role = 2;
			}
		}
		//alt + 3 召唤珈乐
		else if(event.altKey && (event.keyCode==51||event.keyCode==99)){
			if(!isHide){
				changepetC(0,0,imglist_diana.length-1,"pet");
				role = 3;
			}
		}
		//alt + 4 召唤嘉然
		else if(event.altKey && (event.keyCode==52||event.keyCode==100)){
			if(!isHide){
				changepetD(0,0,imglist_diana.length-1,"pet");
				role = 4;
			}
		}
		//alt + 5 召唤乃琳
		else if(event.altKey && (event.keyCode==53||event.keyCode==101)){
			if(!isHide){
				changepetE(0,0,imglist_diana.length-1,"pet");
				role = 5;
			}
		}
	});
}

init();
changebg(1);
keyDown();
changebg(3);
changebg(3);


function getImgList(){
	const appendImgList = [

	];
	const localList = [
		...(localListData||[]),
		...appendImgList
	];
	return localList;
}